<template>
    <div>
      <h2>监听器</h2>
      <input type="text" v-model.lazy="uname">
       <input type="text" v-model.lazy="pig">
    </div>
</template>

<script>
export default {
  data() {
    return {
       uname:'ls',
       pig:'狗'
    }
  },
  watch:{
     uname:{
     handler(val) {
        console.log(val)
},
 immediate: true // 表示页面刷新后，马上侦听一次 uname 的值
    },
     pig:{
     handler(val) {
        console.log(val)
},
deep: true // 表示深度侦听，当对象的任意属性改变后，都会触发该侦听器
}
  }

}
</script>

<style>

</style>